<template>
    <div class="tips">
        <Divider orientation="left"><b>服务内容</b></Divider>
        <div>本站致力于向个人/团队开发者提供系统API（Request URL）接口管理</div>
        <Divider orientation="left"><b>隐私内容</b></Divider>
        <div style="text-align:left">
            <ul>
                <li style="margin-top:10px"><b style="font-size:13px;">一. 我们如何收集与使用个人信息</b>
                    <ul>
                        <li>1. 为便于我们为您提供服务，您只需要提供基本注册信息或登录信息，包括<b>电子邮箱地址、用户名（账号）和密码</b>。
                        您提供的用户<b>账号、密码</b>将作为LSE系列产品的通用信息，即一个账号可使用LSE全系列产品</li>
                        <li>2. 您的个人信息独立于单项服务中，即修改A产品中的个人信息不会影响B产品的个人信息。个人信息包含<b>用户昵称、头像、个性化背景、主页签名</b>。
                        如您不填写系统将会自动生成。<b>上述信息仅作为用户识别，LSE不会获取您的真实信息。</b></li>
                    </ul>
                </li>
                <li style="margin-top:10px"><b style="font-size:13px;">二. 如何管理您的个人信息</b>
                    <ul>
                        <li>1. 我们鼓励您更新或修改您的个人信息，LSE不会擅自更改您的个人信息等隐私信息</li>
                        <li>2. 您的个人信息仅在LSE系列产品中使用，<b>如您公开至第三方独立缓存造成您的信息泄露，LSE不承担任何责任。因此我们建议您分享信息前慎重考虑</b></li>
                    </ul>
                </li>
            </ul>
        </div>
        <Divider orientation="left"><b>联系我们</b></Divider>
        <div style="text-align:left">
            <el-popover
                placement="top-start"
                title=""
                trigger="hover">
                <div class="tips">
                    <div style="text-align:center">扫一扫，加入QQ群</div>
                <img src="../../../static/LSE QQ group.png" alt="" style="max-width:150px">
                </div>
                <svg slot="reference" xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="32" height="32" t="1592552460621" p-id="2136" version="1.1"><path fill="#3c84d6" d="M 203.667 425.126 c -4.827 11.263 1.609 19.305 0 62.742 c 0 11.263 -51.483 65.962 -72.396 122.268 c -20.914 54.7 -22.523 112.617 8.043 136.749 c 30.567 22.523 59.525 -75.615 64.353 -61.134 c 1.609 6.434 3.219 12.87 6.434 19.305 c 9.653 27.348 27.348 56.308 51.483 83.658 c 4.827 6.434 -30.567 16.09 -51.483 51.483 c -20.914 35.394 6.434 99.747 111.006 99.747 c 135.137 0 164.097 -46.657 167.315 -46.657 h 20.914 c 12.87 0 8.043 1.609 19.305 0 c 6.434 0 72.396 56.308 162.49 46.657 c 154.447 -16.09 130.311 -67.569 119.053 -99.747 c -12.87 -33.786 -57.917 -49.872 -54.7 -51.483 c 37.003 -40.22 43.437 -65.962 54.7 -102.962 c 4.827 -16.09 40.22 85.266 69.178 61.134 c 11.263 -9.653 33.786 -49.872 11.263 -136.749 c -22.523 -85.266 -67.569 -106.181 -65.962 -122.268 c 1.609 -33.786 1.609 -56.308 -1.609 -62.742 c -8.043 -28.959 -25.741 -22.523 -25.741 -28.959 c 0 -170.532 -127.095 -307.279 -284.757 -307.279 c -157.662 0 -284.757 138.356 -284.757 307.279 c -1.609 12.87 -14.478 3.219 -24.132 28.959 Z" p-id="2137" /></svg>
            </el-popover>
            <el-popover style="margin-left:15px"
                placement="top-start"
                title=""
                trigger="hover">
                <div class="tips">
                    <div style="text-align:center">LSE IM <a href="http://im.lseanime.com/index.html" target="_blank">点击进入</a></div>
                </div>
                <svg slot="reference" xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1206 1024" width="32" height="32" t="1592553339520" p-id="3145" version="1.1"><path fill="#1e5bfa" d="M 1204.71 0 H 306.598 v 636.085 h 495.134 l 206.005 197.572 v -197.572 H 1204.71 Z m -533.685 343.944 a 26.5035 26.5035 0 0 1 -19.8776 8.43294 a 28.3106 28.3106 0 0 1 -19.8776 -8.43294 a 28.9129 28.9129 0 0 1 -8.43294 -20.48 a 28.9129 28.9129 0 0 1 28.3106 -28.3106 a 26.5035 26.5035 0 0 1 19.8776 8.43294 a 28.3106 28.3106 0 0 1 8.43294 19.8776 a 28.9129 28.9129 0 0 1 -8.43294 20.48 Z m 106.014 0 a 28.9129 28.9129 0 0 1 -20.48 8.43294 a 28.3106 28.3106 0 0 1 -19.8776 -8.43294 a 28.9129 28.9129 0 0 1 -8.43294 -20.48 a 28.9129 28.9129 0 0 1 28.3106 -28.3106 a 28.9129 28.9129 0 0 1 20.48 6.02353 a 28.3106 28.3106 0 0 1 0 40.3576 Z m 105.412 0 a 28.3106 28.3106 0 0 1 -19.8776 8.43294 a 26.5035 26.5035 0 0 1 -19.2753 -8.43294 a 28.9129 28.9129 0 0 1 -8.43294 -20.48 A 28.3106 28.3106 0 0 1 843.294 301.176 a 27.1059 27.1059 0 0 1 19.8776 -8.43294 a 28.9129 28.9129 0 0 1 28.3106 28.3106 a 28.9129 28.9129 0 0 1 -9.03529 22.8894 Z" p-id="3146" /><path opacity="0.5" fill="#1e5bfa" d="M 741.496 696.32 h -3.61412 v 120.471 H 345.751 l -136.132 128.301 v -129.506 H 46.9835 V 340.932 h 199.379 v -46.9835 H 0 v 568.621 h 163.238 v 137.939 a 23.4918 23.4918 0 0 0 13.8541 21.6847 a 24.6965 24.6965 0 0 0 9.63765 0 a 25.9012 25.9012 0 0 0 16.2635 -6.62588 l 162.033 -154.805 h 421.647 v -122.88 Z" p-id="3147" /></svg>
            </el-popover>
        </div>
    </div>
</template>

<script>
export default {
  name: 'WebsiteInfo'
}
</script>

<style scoped>

.tips {
  font-size: 12px;
  color: #999;
}
</style>
